<!DOCTYPE html>

<html>
    <head>
        <title>a place to stay</title>
        <meta charset="${_response_encoding}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/style.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/jquery.dataTables.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/jquery.dataTables_themeroller.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/jquery.lightbox-0.5.css'}">
        #{get 'moreStyles' /}
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">
        <script src="@{'/public/javascripts/jquery-1.7.1.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/jquery.lightbox-0.5.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        #{get 'moreScripts' /}
    </head>
    <body>
   <div id="wrapper">

	<header id="header">
		 <h1><a href="@{Application.index()}"> <img src="@{'/public/images/logo.png'}"></a></h1>
                <div id="menu_top">
                    <a href="@{Application.index()}"><span class="dashed">search</span></a>
                    <a href="/faq"><span class="dashed">faq</span></a>
                    #{if user}
                    	<a href="@{Offers.create()}"><span class="dashed">new offer</span></a>
                    	<a href="@{Events.create()}"><span class="dashed">new event</span></a>
                    	#{if user && user.isAdmin()}
                    		<a href="@{AdminInterface.index()}"><span class="dashed">administration</span></a>
                    	#{/if}
                    	<a href="@{Secure.logout()}"><span class="dashed">log-out</span></a>
                    	<a href="@{Profile.show(user.id)}"><div class="loggedin">Logged in as ${user.firstname}  ${user.lastname}</div></a>
                    #{/if}
                    #{else}
                    	<a href="@{Registration.indexCommercial()}"><span class="dashed">register</span></a>
                    	<a href="@{Application.login()}"><span class="dashed">sign-in</span></a>
                    #{/else}
                </div>
	</header><!-- #header-->
        
        <section class="dark_line"></section>

	<section id="middle">

		<div id="container">
			<div id="content">
				#{doLayout /}
                        </div><!-- #content-->
		</div><!-- #container-->
		<aside id="sideLeft">
			<ul class="menu_left">
                            <li><a href="@{Application.index(selection, models.EventCategory.CONCERTS, initial)}">concerts</a></li>
                            <li><a href="@{Application.index(selection, models.EventCategory.SPORTS, initial)}">sports</a></li>
                            <li><a href="@{Application.index(selection, models.EventCategory.CULTURAL, initial)}">cultural</a></li>
                            <li><a href="@{Application.index(selection, models.EventCategory.MUSICAL, initial)}">musicals</a></li>
                            <li><a href="@{Application.index(selection, models.EventCategory.COMEDY, initial)}">comedy</a></li>
                            <li><a href="@{Application.index(selection, models.EventCategory.BUSINESS, initial)}">business</a></li>
                            <li><a href="@{Application.index(selection, models.EventCategory.FAIRS, initial)}">fairs</a></li>
                            <li><a href="@{Application.index(selection, models.EventCategory.OTHER, initial)}">other</a></li>
                        </ul>
		</aside><!-- #sideLeft -->

	</section><!-- #middle-->

        <section class="dark_line"></section>
	<footer id="footer">
		<a href="/aboutUs"><span class="dashed">about us</span></a>
	</footer><!-- #footer -->

</div><!-- #wrapper -->
        
    </body>
</html>
